<script lang="ts" setup>
import Motion from "@/utils/motion";

defineOptions({
  name: "Welcome"
});
</script>

<template>
  <h1 class="welcome">
    <Motion :delay="200" class="motion">
      <img alt="欢迎使用" src="@/assets/welcome.png">
    </Motion>
  </h1>
</template>
<style lang="scss" scoped>
.welcome {
  margin: 0 !important;
  padding: 3.5vh;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #f3f3f3;
  overflow: hidden;

  .motion {
    width: 100%;
    height: 100%;

    img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
